<template>
  <div>
    <h2>工资详情页</h2>
    <div>{{ num }}</div>
    <Add :num="num" @changes="num = $event" />
    <ShowDia :show-dia="showDia" @changeShow="showDia = $event" />
    <el-button type="primary" size="default" @click="showDia = true">显示弹窗</el-button>
    <!-- <Mytable /> -->
    <Event :value="msg" @input="msg = $event" />
    <Event v-model="msg" />
    <hr>
    <input type="text" :value="msg" @input="msg = $event.target.value">
    <span>{{ msg }}</span>
  </div>
</template>

<script>
// import Mytable from './components/table.vue'
import Add from './components/add'
import ShowDia from './components/dia.vue'
import Event from './components/event'
export default {
  name: 'Salarys',
  components: {
    Add,
    ShowDia,
    // Mytable,
    Event
  },
  data() {
    return {
      num: 88,
      showDia: false,
      msg: '联通大厦'
    }
  },
  methods: {
    // getNum(val) {
    //   console.log(val)
    //   this.num = val
    // }
  }

}
</script>

<style lang="scss" scoped>

</style>
